<template>
  <div class="economy">
    <h1>Circular Economy – Closing the Loop</h1>
    <p class="p1">
      Climate change, population growth, unsustainable lifestyles – surmounting
      global challenges like these require embracing Circular Economy as a
      guiding light. At Covestro, our goal is to embed circular economic
      principles into the fabric of our operations and be a trailblazer for the
      entire plastics industry.
    </p>
    <p class="p2">
      Produce, consume, dispose – it often works like a one-way street. But this
      linear economy of “take, make, waste” production and consumption isn't
      compatible with the challenges facing the world today. To take on climate
      change and preserve our planet, we have to move away from a single-use
      mindset.
    </p>

    <div class="video">
      <video
        ref="videoPlay"
        controls
        :src="videoUrl"
        class="video-player"
      ></video>
      <!-- autoplay="true" -->
    </div>

    <p class="p3">
      Our society must find new ways of putting our world's limited resources to
      good use. And reuse. This means making products that last for as long as
      possible. Avoiding waste. And viewing used products as a resource,
      recovering everything we can from them to recycle along the value chain.
      It also means exploring alternative sources of sustainable raw materials,
      such as biomass and even CO₂ itself. On top of it all, there's renewable
      energy, which is needed to power a truly resource-efficient economy.
    </p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      videoUrl:
        "https://digitalshowroom.blob.core.chinacloudapi.cn/video/720p-Footage Circular Economy 2020.mp4"
    }
  },
  computed: {},
  mounted () { },
  methods: {}
};
</script>

<style lang="scss" scoped>
.economy {
  padding: 20px;
  color: #000;
  h1 {
    font-weight: normal;
    font-size: 2rem;
    padding-bottom: 20px;
  }
  p {
    line-height: 24px;
    word-break: break-word;
  }
  .p1 {
    font-size: 20px;
    line-height: 30px !important;
    padding-bottom: 15px;
  }
  .p2 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
.video {
  display: flex;
  justify-content: center;
  &-player {
    max-width: 100%;
  }
}
</style>
